main.js ➔ burgerMenu - Code Metrics - AdFabConnect/abejs - Measure and Improve Code Quality continuously with Scrutinizer

main.js ➔ burgerMenu A
last analyzed 2017-01-14 12:27 UTC

↳ Parent: tests/demo/templates/index_files/js/main.js

Complexity

Conditions	1
Paths	1

Size

Total Lines

Duplication

Lines	18
Ratio	100 %

Importance

Changes

Metric	Value
cc	1
c	0
b	0
f	0
nc	1
nop	0
dl	18
loc	18
rs	9.4285

;(function () {

	
	'use strict';



	// iPad and iPod detection	
	var isiPad = function(){

		return (navigator.platform.indexOf("iPad") != -1);

	};

	var isiPhone = function(){

	    return (
			(navigator.platform.indexOf("<i></i>Phone") != -1) || 

			(navigator.platform.indexOf("iPod") != -1)
	    );
	};

	// OffCanvass
	var offCanvass = function() {
		$('body').on('click', '.js-fh5co-menu-btn, .js-fh5co-offcanvass-close', function(){
			$('#fh5co-offcanvass').toggleClass('fh5co-awake');
		});
	};
	

	// Click outside of offcanvass
	var mobileMenuOutsideClick = function() {

		$(document).click(function (e) {
	    var container = $("#fh5co-offcanvas, .js-fh5co-close-offcanvas");
	    if (!container.is(e.target) && container.has(e.target).length === 0) {

	    	if ( $('#fh5co-offcanvass').hasClass('fh5co-awake') ) {
	    		$('#fh5co-offcanvass').removeClass('fh5co-awake');
	    	}

	    	$(window).scroll(function(){
				if ( $(window).scrollTop() > 500 ) {
					if ( $('#fh5co-offcanvass').hasClass('fh5co-awake') ) {
			    		$('#fh5co-offcanvass').removeClass('fh5co-awake');
			    	}
		    	}
			});

	    	if ( $('#fh5co-offcanvas').hasClass('animated fadeInLeft') ) {

    			$('#fh5co-offcanvas').addClass('animated fadeOutLeft');
				setTimeout(function(){
					$('#fh5co-offcanvas').css('display', 'none');	
					$('#fh5co-offcanvas').removeClass('animated fadeOutLeft fadeInLeft');
				}, 1000);
				$('.js-fh5co-nav-toggle').removeClass('active');
				
	    	}
	    
	    	
	    }
		});

		$('body').on('click', '.js-fh5co-close-offcanvas', function(event){
		

	  		$('#fh5co-offcanvas').addClass('animated fadeOutLeft');
			setTimeout(function(){
				$('#fh5co-offcanvas').css('display', 'none');	
				$('#fh5co-offcanvas').removeClass('animated fadeOutLeft fadeInLeft');
			}, 1000);
			$('.js-fh5co-nav-toggle').removeClass('active');

	    	event.preventDefault();

		});

	};

		// Magnific Popup
	
	var magnifPopup = function() {
		$('.image-popup').magnificPopup({
			type: 'image',
			removalDelay: 300,
			mainClass: 'mfp-with-zoom',
			titleSrc: 'title',
			gallery:{
				enabled:true
			},
			zoom: {
				enabled: true, // By default it's false, so don't forget to enable it

				duration: 300, // duration of the effect, in milliseconds
				easing: 'ease-in-out', // CSS transition easing function

				// The "opener" function should return the element from which popup will be zoomed in
				// and to which popup will be scaled down
				// By defailt it looks for an image tag:
				opener: function(openerElement) {
				// openerElement is the element on which popup was initialized, in this case its <a> tag
				// you don't need to add "opener" option if this code matches your needs, it's defailt one.
				return openerElement.is('img') ? openerElement : openerElement.find('img');
				}
			}
		});
	};

	var animateBoxWayPoint = function() {


		if ($('.animate-box').length > 0) {
			$('.animate-box').waypoint( function( direction ) {

				if( direction === 'down' && !$(this).hasClass('animated') ) {
					$(this.element).addClass('bounceIn animated');
				}

			} , { offset: '75%' } );
		}

	};	

	// Burger Menu
	var burgerMenu = function() {

		$('body').on('click', '.js-fh5co-nav-toggle', function(event){

			var $this = $(this);

			$('#fh5co-offcanvas').css('display', 'block');
			setTimeout(function(){
				$('#fh5co-offcanvas').addClass('animated fadeInLeft');
			}, 100);
			
			// $('body').toggleClass('fh5co-overflow offcanvas-visible');
			$this.toggleClass('active');
			event.preventDefault();

		});

	};

	var scrolledWindow = function() {

		$(window).scroll(function(){

			var header = $('#fh5co-header'),

				scrlTop = $(this).scrollTop();


		   $('#fh5co-home .flexslider .fh5co-overlay').css({
				'opacity' : (.5)+(scrlTop/2000)
		   });

		   if ( $('body').hasClass('offcanvas-visible') ) {
		   	$('body').removeClass('offcanvas-visible');
		   	$('.js-fh5co-nav-toggle').removeClass('active');
		   }
		 
		});

		$(window).resize(function() {
			if ( $('body').hasClass('offcanvas-visible') ) {
		   	$('body').removeClass('offcanvas-visible');
		   	$('.js-fh5co-nav-toggle').removeClass('active');
		   }
		});
		
	};


	

	// Page Nav
	var clickMenu = function() {

		var topVal = ( $(window).width() < 769 ) ? 0 : 58;

		$(window).resize(function(){
			topVal = ( $(window).width() < 769 ) ? 0 : 58;		
		});

		if ( $(this).attr('href') != "#") {
			$('#fh5co-main-nav a:not([class="external"]), #fh5co-offcanvas a:not([class="external"])').click(function(event){
				var section = $(this).data('nav-section');


				if ( $('div[data-section="' + section + '"]').length ) {

					$('html, body').animate({
			        	scrollTop: $('div[data-section="' + section + '"]').offset().top - topVal
			    	}, 500);	
			    	
			   }
			   event.preventDefault();

			});
		}

		


	};


	var contentWayPoint = function() {
		var i = 0;
		$('.animate-box').waypoint( function( direction ) {

			if( direction === 'down' && !$(this.element).hasClass('animated') ) {
				
				i++;

				$(this.element).addClass('item-animate');
				setTimeout(function(){
					
					$('body .animate-box.item-animate').each(function(k){
						var el = $(this);
						setTimeout( function () {
							el.addClass('fadeInUp animated');
							el.removeClass('item-animate');
						},  k * 200, 'easeInOutExpo' );
					});
					
				}, 100);
				
			}

		} , { offset: '85%' } );


	};


	// Document on load.
	$(function(){

		mobileMenuOutsideClick();
		burgerMenu();
		scrolledWindow();
		
		// Animations
		contentWayPoint();
		magnifPopup();
		offCanvass();
		//animateBoxWayPoint();
		

	});


}());

1	View Code Duplication	;(function () {
		0 ignored issues – show Duplication introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
2
3		'use strict';
4
5
6
7		// iPad and iPod detection
8		var isiPad = function(){
		0 ignored issues – show Unused Code introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `isiPad` seems to be never used. Consider removing it. Loading history...
9		return (navigator.platform.indexOf("iPad") != -1);
		0 ignored issues – show Bug introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `navigator` seems to be never declared. If this is a global, consider adding a `/** global: navigator */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
10		};
11
12		var isiPhone = function(){
		0 ignored issues – show Unused Code introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `isiPhone` seems to be never used. Consider removing it. Loading history...
13		return (
14		(navigator.platform.indexOf("<i></i>Phone") != -1) \|\|
		0 ignored issues – show Bug introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `navigator` seems to be never declared. If this is a global, consider adding a `/** global: navigator */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
15		(navigator.platform.indexOf("iPod") != -1)
16		);
17		};
18
19		// OffCanvass
20		var offCanvass = function() {
21		$('body').on('click', '.js-fh5co-menu-btn, .js-fh5co-offcanvass-close', function(){
22		$('#fh5co-offcanvass').toggleClass('fh5co-awake');
23		});
24		};
25
26
27		// Click outside of offcanvass
28		var mobileMenuOutsideClick = function() {
29
30		$(document).click(function (e) {
31		var container = $("#fh5co-offcanvas, .js-fh5co-close-offcanvas");
32		if (!container.is(e.target) && container.has(e.target).length === 0) {
33
34		if ( $('#fh5co-offcanvass').hasClass('fh5co-awake') ) {
35		$('#fh5co-offcanvass').removeClass('fh5co-awake');
36		}
37
38		$(window).scroll(function(){
39		if ( $(window).scrollTop() > 500 ) {
40		if ( $('#fh5co-offcanvass').hasClass('fh5co-awake') ) {
41		$('#fh5co-offcanvass').removeClass('fh5co-awake');
42		}
43		}
44		});
45
46		if ( $('#fh5co-offcanvas').hasClass('animated fadeInLeft') ) {
47
48		$('#fh5co-offcanvas').addClass('animated fadeOutLeft');
49		setTimeout(function(){
50		$('#fh5co-offcanvas').css('display', 'none');
51		$('#fh5co-offcanvas').removeClass('animated fadeOutLeft fadeInLeft');
52		}, 1000);
53		$('.js-fh5co-nav-toggle').removeClass('active');
54
55		}
56
57
58		}
59		});
60
61		$('body').on('click', '.js-fh5co-close-offcanvas', function(event){
62
63
64		$('#fh5co-offcanvas').addClass('animated fadeOutLeft');
65		setTimeout(function(){
66		$('#fh5co-offcanvas').css('display', 'none');
67		$('#fh5co-offcanvas').removeClass('animated fadeOutLeft fadeInLeft');
68		}, 1000);
69		$('.js-fh5co-nav-toggle').removeClass('active');
70
71		event.preventDefault();
72
73		});
74
75		};
76
77		// Magnific Popup
78
79		var magnifPopup = function() {
80		$('.image-popup').magnificPopup({
81		type: 'image',
82		removalDelay: 300,
83		mainClass: 'mfp-with-zoom',
84		titleSrc: 'title',
85		gallery:{
86		enabled:true
87		},
88		zoom: {
89		enabled: true, // By default it's false, so don't forget to enable it
90
91		duration: 300, // duration of the effect, in milliseconds
92		easing: 'ease-in-out', // CSS transition easing function
93
94		// The "opener" function should return the element from which popup will be zoomed in
95		// and to which popup will be scaled down
96		// By defailt it looks for an image tag:
97		opener: function(openerElement) {
98		// openerElement is the element on which popup was initialized, in this case its <a> tag
99		// you don't need to add "opener" option if this code matches your needs, it's defailt one.
100		return openerElement.is('img') ? openerElement : openerElement.find('img');
101		}
102		}
103		});
104		};
105
106		var animateBoxWayPoint = function() {
		0 ignored issues – show Unused Code introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `animateBoxWayPoint` seems to be never used. Consider removing it. Loading history...
107
108		if ($('.animate-box').length > 0) {
109		$('.animate-box').waypoint( function( direction ) {
110
111		if( direction === 'down' && !$(this).hasClass('animated') ) {
112		$(this.element).addClass('bounceIn animated');
113		}
114
115		} , { offset: '75%' } );
116		}
117
118		};
119
120		// Burger Menu
121		var burgerMenu = function() {
122
123		$('body').on('click', '.js-fh5co-nav-toggle', function(event){
124
125		var $this = $(this);
126
127		$('#fh5co-offcanvas').css('display', 'block');
128		setTimeout(function(){
129		$('#fh5co-offcanvas').addClass('animated fadeInLeft');
130		}, 100);
131
132		// $('body').toggleClass('fh5co-overflow offcanvas-visible');
133		$this.toggleClass('active');
134		event.preventDefault();
135
136		});
137
138		};
139
140		var scrolledWindow = function() {
141
142		$(window).scroll(function(){
143
144		var header = $('#fh5co-header'),
		0 ignored issues – show Unused Code introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `header` seems to be never used. Consider removing it. Loading history...
145		scrlTop = $(this).scrollTop();
146
147
148		$('#fh5co-home .flexslider .fh5co-overlay').css({
149		'opacity' : (.5)+(scrlTop/2000)
150		});
151
152		if ( $('body').hasClass('offcanvas-visible') ) {
153		$('body').removeClass('offcanvas-visible');
154		$('.js-fh5co-nav-toggle').removeClass('active');
155		}
156
157		});
158
159		$(window).resize(function() {
160		if ( $('body').hasClass('offcanvas-visible') ) {
161		$('body').removeClass('offcanvas-visible');
162		$('.js-fh5co-nav-toggle').removeClass('active');
163		}
164		});
165
166		};
167
168
169
170
171		// Page Nav
172		var clickMenu = function() {
		0 ignored issues – show Unused Code introduced 2016-12-04 21:21 UTC by Report Bug Copy Issue Report The variable `clickMenu` seems to be never used. Consider removing it. Loading history...
173		var topVal = ( $(window).width() < 769 ) ? 0 : 58;
174
175		$(window).resize(function(){
176		topVal = ( $(window).width() < 769 ) ? 0 : 58;
177		});
178
179		if ( $(this).attr('href') != "#") {
180		$('#fh5co-main-nav a:not([class="external"]), #fh5co-offcanvas a:not([class="external"])').click(function(event){
181		var section = $(this).data('nav-section');
182
183
184		if ( $('div[data-section="' + section + '"]').length ) {
185
186		$('html, body').animate({
187		scrollTop: $('div[data-section="' + section + '"]').offset().top - topVal
188		}, 500);
189
190		}
191		event.preventDefault();
192
193		});
194		}
195
196
197
198
199		};
200
201
202		var contentWayPoint = function() {
203		var i = 0;
204		$('.animate-box').waypoint( function( direction ) {
205
206		if( direction === 'down' && !$(this.element).hasClass('animated') ) {
207
208		i++;
209
210		$(this.element).addClass('item-animate');
211		setTimeout(function(){
212
213		$('body .animate-box.item-animate').each(function(k){
214		var el = $(this);
215		setTimeout( function () {
216		el.addClass('fadeInUp animated');
217		el.removeClass('item-animate');
218		}, k * 200, 'easeInOutExpo' );
219		});
220
221		}, 100);
222
223		}
224
225		} , { offset: '85%' } );
226
227
228		};
229
230
231		// Document on load.
232		$(function(){
233
234		mobileMenuOutsideClick();
235		burgerMenu();
236		scrolledWindow();
237
238		// Animations
239		contentWayPoint();
240		magnifPopup();
241		offCanvass();
242		//animateBoxWayPoint();
243
244
245		});
246
247
248		}());

AdFabConnect / abejs

main.js ➔ burgerMenu A last analyzed 2017-01-14 12:27 UTC

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like

main.js ➔ burgerMenu A
last analyzed 2017-01-14 12:27 UTC